<!DOCTYPE html>
<html>
<head>
	<title>我的晒单</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, maximum-scale=1.0"/>
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <link href="css/user.css" rel="stylesheet">
    <script src="js/jquery-2.1.4.min.js"></script>
    <style>
      body{
         background-color:#F3F3F3;
     }	
     .order-state{
         width:60px;
         height:20px;
         line-height:20px;
     }
     .order-state-1{
         width:60px;
         height:20px;
         line-height:20px;
     }
     .jx-time{
         width:65%;
         overflow:hidden;
         white-space:nowrap;
         text-overflow:ellipsis;
     }
 </style>
</head>
<body>
	<header class="header">
       <a href="user-index.html">
           <div class="header-left">
            <img src="images/back.png" class="back">
            <span class="back-name">我</span>
        </div>
    </a>
    <span class="name">我的晒单</span>
    <div class="header-right">
       <a href="index.html">
           <img src="images/home.png" class="edit">
       </a>
   </div>
</header>

<div class="shaidan-main">
   <ul>
       <li><span class="account-main-fl select">已晒单</span></li>
       <li><span class="account-main-fl">审核中</span></li>
       <li><span class="account-main-fl">未晒单</span></li>
   </ul>
   <div class="clear"></div>
</div>

<!--已晒单-->
<div class="shaidan-list">
   <ul>
       <li>
           <img src="images/goods.jpg" class="shaidan-touimg">
           <span class="shaidan-username">美的不要不要的</span>
           <span class="try"><img src="images/shanchu.png"></span>
           <div class="shaidan-content">终于等到了我的s7了，真的太高兴了，梦寐以求，很久以前就想入手的一个了，可是一直苦于没钱</div>
           <span class="jx-date">揭晓日期：2016-06-07</span>
           <a href="shaidan-info.html">
            <ul class="goods-shaidan">
               <li><img src="images/goods.jpg"></li>
               <li><img src="images/goods.jpg"></li>
               <li><img src="images/goods.jpg"></li>
           </ul>
       </a><br />
       <span class="shaidan-update">06-08更新</span>
       <div class="zan">
        <img src="images/zan.png" class="xin" state="0">
        <span class="zan-num">20</span>
    </div>
</li>
</ul>
</div>

<!--审核中-->
<div class="shaidan-list" style="display:none;">
   <ul>
       <li>
           <img src="images/goods.jpg" class="shaidan-touimg">
           <span class="shaidan-username">美的不要不要的</span>
           <span class="try">审核中...</span>
           <div class="shaidan-content">终于等到了我的s7了，真的太高兴了，梦寐以求，很久以前就想入手的一个了，可是一直苦于没钱</div>
           <span class="jx-date">预计完成时间:06-12(具体时间以消息通知为准)</span>
           <a href="shaidan-info.html">
            <ul class="goods-shaidan">
               <li><img src="images/goods.jpg"></li>
               <li><img src="images/goods.jpg"></li>
               <li><img src="images/goods.jpg"></li>
           </ul>
       </a><br />
       <span class="shaidan-update" style="float:right;margin-right:15%;">06-08上传</span>
   </li>
</ul>
</div>

<!--未晒单-->
<div class="shaidan-list" style="display:none;">
   <ul>
       <li>
        <div class="shaidan-content2">终于等到了我的s7了，真的太高兴了，梦寐以求，很久以前就想入手的一个了，可是一直苦于没钱</div>
        <img src="images/goods.jpg" class="shaidan-goods-img">
        <span class="weishaidan-font">参与人次：5</span><br>
        <span class="weishaidan-font" style="margin-top:5px;">开奖期数：02271796</span><br>
        <span class="weishaidan-font" style="margin-top:5px;">幸运号码：1007946</span><br>
        <span class="weishaidan-font" style="margin-top:5px;">揭晓时间：2016-06-07 10:00</span><br>
        <div style="clear:both;"></div>
        <div class="shaidan-del">
            <img src="images/shanchu.png">
            <span>删除</span>
        </div>
        <div class="shaidan-add">
            <img src="images/shanchu.png">
            <span>晒单</span>
        </div>
    </li>
</ul>
</div>


<script>
	$(document).ready(function(e) {
        $(".shaidan-main ul li").click(function(){
         $(".account-main-fl").removeClass("select");
         var sw=$(".shaidan-main ul li").index(this);
         $(".shaidan-main ul li").eq(sw).children("span").addClass("select");
         $(".shaidan-list").eq(sw).show().siblings(".shaidan-list").hide();
     })
        $(".order-del-img").click(function(){
         if(confirm("确认删除吗")){
            alert("yes");
        }else{
            alert("no")
            return;
        }
    })
    });
</script>
<script>
  $(document).ready(function(e) {
    $(".xin").click(function(){
        var sw=$(".xin").index(this);
        var sta=$(".xin").eq(sw).attr("state");
        var zNum=parseInt($(".zan-num").eq(sw).text());
        if(sta==0){
           $(".xin").eq(sw).attr("src","images/zan_click.png");
           $(".xin").eq(sw).attr("state","1");
           zNum++;
           $(".zan-num").eq(sw).text(zNum);
       }else{
           $(".xin").eq(sw).attr("src","images/zan.png");
           $(".xin").eq(sw).attr("state","0");
           zNum--;
           $(".zan-num").eq(sw).text(zNum);
       }
   })
});
</script>
</body>
</html>
